<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta name="page-view-size" content="1280*720">
    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8">
    <title>大厅</title>
    <link rel="stylesheet" type="text/css" href="/css/home.css">
</head>

<body>
    <div id="view">
        <div id="nav" group="{name:'nav',focus:'nav-focus'}" @down="recommend" @click="nav._enter" class="posit"
            @onFocus="onNavFocus">
            <div id="nav-img-0" class="posit nav-img" isfocus alt="">栏目1</div>
            <div id="nav-img-1" class="posit nav-img" isfocus alt="">横向</div>
            <div id="nav-img-2" class="posit nav-img" isfocus alt="">纵向</div>
            <div id="nav-img-3" class="posit nav-img" isfocus alt="">栏目4</div>
        </div>
        <div id="recommend-box" class="recommend-box posit">
            <div id="recommend" group="{name:'recommend',focus:'recommend._focus',blur:'recommend._blur'}"
                @up="nav._init" @click="recommend._enter" class="posit" style="display: block;">
                <div isfocus="" default-focus id="recommend-div-0" class="posit recommend-img-big"><img
                        src="https://up.enterdesk.com/edpic_360_360/b9/5c/11/b95c1100bcd75d03bc5967e51c10b9fa.jpg">
                    <div class="user-bottom-small-text">测试名称测试名称测试名称</div>
                </div>
                <div isfocus="" id="recommend-div-1" class="posit recommend-img-big"><img
                        src="https://up.enterdesk.com/edpic_360_360/e0/0a/51/e00a5132b8d4f75a54b8bcf49bc040ed.jpg">
                    <div class="user-bottom-small-text">测试名称测试名称测试名称测试名称</div>
                </div>
                <div id="small-box" class="posit small-box" style="width: 1650px;">
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/26/d8/10/26d810646de0e806e3783d4cc02b466d.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/c8/6e/3f/c86e3f9c39de8610f034350ba613500e.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/58/2d/f1/582df1a19ba41a860df98413e8ced917.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/ab/98/35/ab9835285398472ff280ea58de328dd5.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/32/1b/30/321b30fe64dbc3edce20c7d09ca810e3.jpg">
                        <div class="user-bottom-small-text">测试名称测试名称1测试名称1</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/58/2d/f1/582df1a19ba41a860df98413e8ced917.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/ab/98/35/ab9835285398472ff280ea58de328dd5.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/32/1b/30/321b30fe64dbc3edce20c7d09ca810e3.jpg">
                        <div class="user-bottom-small-text">测试名称测试名称1测试名称1</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/58/2d/f1/582df1a19ba41a860df98413e8ced917.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/ab/98/35/ab9835285398472ff280ea58de328dd5.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/58/2d/f1/582df1a19ba41a860df98413e8ced917.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/ab/98/35/ab9835285398472ff280ea58de328dd5.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/32/1b/30/321b30fe64dbc3edce20c7d09ca810e3.jpg">
                        <div class="user-bottom-small-text">测试名称测试名称1测试名称1</div>
                    </div>
                </div>
            </div>

        </div>
        <div id="classify-box" class="recommend-box posit hidden">
            <div id="recommend" group="{name:'classify',focus:'recommend._focus',blur:'recommend._blur'}"
                @up="nav._init" @click="recommend._enter" class="posit" style="display: block;">
                <div isfocus="" id="recommend-div-0" class="posit recommend-img-big"><img
                        src="https://up.enterdesk.com/edpic_360_360/b9/5c/11/b95c1100bcd75d03bc5967e51c10b9fa.jpg">
                    <div class="user-bottom-small-text">测试名称测试名称测试名称</div>
                </div>
                <div isfocus="" id="recommend-div-1" class="posit recommend-img-big"><img
                        src="https://up.enterdesk.com/edpic_360_360/e0/0a/51/e00a5132b8d4f75a54b8bcf49bc040ed.jpg">
                    <div class="user-bottom-small-text">测试名称测试名称测试名称测试名称</div>
                </div>
                <div id="down" class="posit" style="width: 1180px;">
                    <div isfocus="" id="test" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/26/d8/10/26d810646de0e806e3783d4cc02b466d.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/c8/6e/3f/c86e3f9c39de8610f034350ba613500e.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/58/2d/f1/582df1a19ba41a860df98413e8ced917.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/ab/98/35/ab9835285398472ff280ea58de328dd5.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/32/1b/30/321b30fe64dbc3edce20c7d09ca810e3.jpg">
                        <div class="user-bottom-small-text">测试名称测试名称1测试名称1</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/58/2d/f1/582df1a19ba41a860df98413e8ced917.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" id="test1" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/ab/98/35/ab9835285398472ff280ea58de328dd5.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/32/1b/30/321b30fe64dbc3edce20c7d09ca810e3.jpg">
                        <div class="user-bottom-small-text">测试名称测试名称1测试名称1</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/58/2d/f1/582df1a19ba41a860df98413e8ced917.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                    <div isfocus="" class="float recommend-img-small"><img
                            src="https://up.enterdesk.com/edpic_360_360/ab/98/35/ab9835285398472ff280ea58de328dd5.jpg">
                        <div class="user-bottom-small-text">测试名称</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="/js/main.js"></script>
<script src="/js/home.js"></script>
</html>
